// color
$colors: (
  'primary': #db9e3f,
  'info': #4b67af,
  'blue': #4394e4,
  'danger': #791a15,
  'blue-1': #1f3695,
  'white': #fff,
  'light': #f9f9f9,
  'light-1': #d4d9de,
  'gray': #999,
  'gray-1': #666,
  'gray-2': #fcfcfc,
  'gray-3':#7a7a80,
  'dark-1': #343440,
  'dark': #222,
  'black': #000
);

$border-color: map-get($colors, 'light-1');

// text size
$base-font-size: 1rem;
$font-sizes: (
  xxs: 0.6154,
  // 8px
    xs: 0.7692,
  // 10px
    sm: 0.9231,
  // 12px
    md: 1,
  // 13px
    lg: 1.0769,
  // 14px
    xl: 1.2308 // 16px
);

$flex-jc: (
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around
);

$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
  stretch: stretch
);

// spacing
$spacing-types: (
  m: margin,
  p: padding
);
$spacing-direction: (
  t: top,
  r: right,
  b: bottom,
  l: left
);
$spacing-base-size: 1rem;
$spacing-sizes: (
  0: 0,
  1: 0.25,
  2: 0.5,
  3: 1,
  4: 1.5,
  5: 3
);
